body {
    margin: 1rem auto;
    padding: 0 3.2%;
    width: 93.6%;
    max-width: 1024px;
    font-family:sans-serif;
    line-height:1.4;
    color:#CCC;
    background:#000;
}

a {color:#739FCF;text-decoration:none}
a:hover, a:active, a:visited {text-decoration:underline}
a:active {color:#ffffff;}

h1{color:#C4A000;font:160% monospace}
h2{color:#C4A000;font:140% monospace}
h3{color:#C4A000;font:120% monospace}
h4{color:#C4A000;font:bold 100% monospace}
h5{color:#C4A000;font:bold 80% monospace}
h6{color:#C4A000;font:bold 80% monospace}
input[type="submit"]{padding:0.618em;border:none;border-radius:0.618em}

pre {
    white-space: normal;
}
table {
    background-color: #222;
    color: #CCC;
}
tr:nth-child(even) {
    background-color: #CCC;
    color: #222;
}

/* 
NOTE: Adding in this media query until we have a better way to
manage pre and table elements in mfws.
*/
@media only screen and (min-width: 640px) {
    body {
	min-width: 600px;
	width: 80%;
	padding: 0 10px;
    }
    pre {
	white-space: pre;
    }
}

/*
NOTE: Taking these classes directly from the project.

.title could probably merge into h1.
*/
.parents {color:#C4A000;font:160% monospace}
.title {color:#C4A000;font:160% monospace}
.hash {font-family: monospace;}